 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
   <%@taglib prefix="s" uri="http://www.springframework.org/tags/form" %>  
   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Registration Form</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="css/default.css"/>
       
    </head>
   
    <body>
     <s:form action="register.html" class="register" method="post" modelAttribute="bean">
        <div align="right"><a href="index.jsp"><font size="3" color="blue">Home</font></a></div>
           <h1>Registration</h1>
            <fieldset class="row1">
                <legend>Account Details</legend>
                <p> 
                	<label>Email *</label>
                    <s:input path="email"></s:input>
                    <s:errors path="email" cssClass="errors"/>
                    <label>Repeat email *</label>
                    <s:input path="email2"/><s:errors path="email2" cssClass="errors"/>
                </p> 
                <p>
                    <label>Password*</label>
                    <s:password path="pwd"/><s:errors path="pwd" cssClass="errors"/>
                    <label>Repeat Password*</label>
                    <s:password path="pwd2"/><s:errors path="pwd2" cssClass="errors"/><br>
                    <label class="obinfo">* obligatory fields</label>
                </p>
            </fieldset>
        
       
            
            <fieldset class="row2">
                <legend>Personal Details
                </legend>
                <p>
                    <label class="long">Name *</label>
                    <s:input path="name"/><s:errors path="name" cssClass="errors"></s:errors>
                </p>
                <p>
                    <label>Phone *</label>
                    <s:input path="phone" maxlength="10"/><s:errors path="phone" cssClass="errors"></s:errors>
                </p>
                <p>
                    <label class="optional">Street</label>
                    <s:input path="street"/><s:errors path="street" cssClass="errors">street</s:errors>
                </p>
                <p>
                    <label>City *</label>
                    <s:input path="city"/><s:errors path="city" cssClass="errors"></s:errors>
                </p>
                <p>
                    <label>Country *</label>
                    <s:select path="country"><s:errors path="country" cssClass="errors"></s:errors>
                        <option>
                        </option>
                        <option value="United States">United States</option>
                        <option value="India">india</option>
                    </s:select>
                </p>
               
            </fieldset>
            <fieldset class="row3">
                <legend>Further Information
                </legend>
                <p>
                    <label>Gender *</label>
                    <s:radiobutton path="gender" value="male"/>
                    <label class="gender">Male</label>
                    <s:radiobutton path="gender" value="female"/>
                    <label class="gender">Female</label><s:errors path="gender" cssClass="errors"></s:errors>
                </p>
                <p>
                    <label>Birthdate *</label>
                    <s:select path="date" class="date"><s:errors path="date"></s:errors>
                        <option>Date</option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option>
                        <option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option>
                        <option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option>
                        <option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option>
                        <option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option>
                        <option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option>
                        <option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option>
                        <option value="29">29</option><option value="30">30</option><option value="31">31</option></s:select>
                        <s:select path="month"><s:errors path="month" cssClass="errors"></s:errors>
                        <option>Month</option><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option>
                        <option value="5">May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option>
                        <option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option>
                    </s:select>
                    <s:select path="year" size="1" class="year"><s:errors path="year" cssClass="errors"></s:errors>
                    <option>Year</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option>
                    
                    
                    </s:select>
                    </p>
                <p>
                    <label>Nationality *</label>
                    <s:select path="nation">
                        <option>
                        </option>
                        <option value="United States">United States</option>
                        <option value="Indian">Indian</option>
                        <option value="Pakistan">Pakishtan</option>
                        <option value="Shrilanka">Shrilanka</option>
                        <option value="Australia">Australia</option>
                    </s:select>
                </p>
                
              <div class="infobox"><h4>Helpful Information</h4>
                    <p>Here comes some explaining text, sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
               
                
                
            </fieldset>
            <fieldset class="row4">
                <legend>Terms and Mailing
                </legend>
                <p class="agreement">
                    <input type="checkbox" value="accept" name="accept"/>
                    <label>*  I accept the <a href="#">Terms and Conditions</a></label>
                </p>
                <p class="agreement">
                    <input type="checkbox" value="offers" name="offers"/>
                    <label>I want to receive personalized offers by your site</label>
                </p>
                <p class="agreement">
                    <input type="checkbox" value="partners" name="partners"/>
                    <label>Allow partners to send me personalized offers and related services</label>
                </p>
                
               
                
            </fieldset>
            <div></div><div><button class="button">Register &raquo;</button>
            
            
            
            </div>
            <div></div><div align="right" class="allreadyLogin"><p align="center"><font color="blue" size="3">Already a member ?</font></P><a href="login.html">&rArr;Goto Login Page &raquo;</a></div>
            
        </s:form>
        
        
        
    
    </body>
</html>
